<template>
    <el-container>
        <el-header class="item iteminform">
            <div>系统通知</div>
        </el-header>
        <el-main class="item">
            <div class="active">
                <span>成长等级升级了！</span>
                <span>13小时前</span>
            </div>
            <div class="active">
                <span>恭喜您成长等级提升到了LV3，快去看看吧~</span>
                <router-link to="/center">
                    <el-button type="danger" class="quest">常见问题解答</el-button>
                </router-link>
            </div>
            <el-divider/>
        </el-main>
        <el-main class="item">
            <div class="active">
                <span>成长等级升级了</span>
                <span>44小时前</span>
            </div>
            <div class="active">
                <span>恭喜您成长等级提升到了LV2，快去看看吧~</span>
                <router-link to="/center">
                    <el-button type="danger" class="quest">立即查看</el-button>
                </router-link>
                
            </div>
            <el-divider/>
        </el-main>
        <el-main class="item">
            <div class="active">
                <span>1339079_M99S，快去“我的练习室”实现本周小目标！</span>
                <span>09-17</span>
            </div>
            <div class="active">
                <span>在这儿，你将有很多伙伴： 练习室同学们，和你一起学习、群内交流， 课程的老师们，为你答疑解惑、在线指导， 中舞网小助手，教会你使用学舞练舞功能， 系统智能提醒，循序渐进，坚持就能成功！</span>
                <router-link to="/center">
                    <el-button type="danger" class="quest">常见问题解答</el-button>
                </router-link>
                
            </div>
            <el-divider/>
        </el-main>
    </el-container>
</template>

<script setup>


</script>

